@charset "UTF-8";
.center-contain-right { font-size: 20px; color: #4c4c4c; }
.center-contain-right .center-contain-right-title { width: 100%; font-size: 24px; line-height: 60px; color: #ff9900; border-bottom: 2px dashed #ff9900; text-align: center; }
.center-contain-right .my-out-box { width: 100%; border-bottom: 1px solid #e6e6e6; }
.center-contain-right .my-comment { background-color: #fff5e5; }
.center-contain-right .transaction-detail { width: 100%; font-size: 0; border-bottom: 1px solid #e6e6e6; }
.center-contain-right .transaction-detail .transaction-item { display: inline-block; width: 150px; vertical-align: top; padding: 20px 0; }
.center-contain-right .transaction-detail .transaction-item p { font-size: 18px; color: #999; text-align: center; line-height: 30px; }
.center-contain-right .transaction-detail .transaction-item p i { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; margin-right: 15px; }
.center-contain-right .transaction-detail .transaction-item p.status-waiting { color: #0fb71b; }
.center-contain-right .transaction-detail .transaction-item p.status-waiting i { background: #0fb71b; }
.center-contain-right .transaction-detail .transaction-item p.status-ok { color: #e01d1d; }
.center-contain-right .transaction-detail .transaction-item p.status-ok i { background: #e01d1d; }
.center-contain-right .transaction-detail .transaction-item.item-3 { width: 300px; }
.center-contain-right .transaction-detail .transaction-item.item-3 p { line-height: 30px; }
.center-contain-right .transaction-detail .transaction-other { padding: 20px 0; }
.center-contain-right .transaction-detail .transaction-other p { font-size: 18px; color: #999; text-align: center; line-height: 30px; }
.center-contain-right .transaction-detail .transaction-other .is-prove { color: #ffb340; font-size: 18px; text-align: center; line-height: 30px; }
.center-contain-right .transaction-detail .transaction-other .to-comment { color: #e85656; cursor: pointer; }
.center-contain-right .transaction-detail .transaction-other .to-comment span { margin-left: 5px; }
.center-contain-right .transaction-detail .transaction-other .to-comment span img { transition: all 500ms; -moz-transition: all 500ms; /* Firefox 4 */ -webkit-transition: all 500ms; /* Safari 和 Chrome */ -o-transition: all 500ms; /* Opera */ }
.center-contain-right .transaction-detail .transaction-other .to-comment span img.active { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ }
.center-contain-right .transaction-detail.transaction-detail-first { height: 70px; }
.center-contain-right .transaction-detail.transaction-detail-first .transaction-item { height: 100%; }
.center-contain-right .transaction-detail.transaction-detail-first .transaction-item p { color: #ff9900; }
.center-contain-right .transaction-detail.transaction-detail-first .transaction-other { height: 100%; }
.center-contain-right .transaction-detail.transaction-detail-first .transaction-other p { color: #ff9900; }
.center-contain-right .my-comment { display: none; }
.center-contain-right .my-comment.active { display: block; }
.center-contain-right .my-comment .true-comment span { display: inline-block; }
.center-contain-right .my-comment .true-comment .mc-tit { width: 13% !important; vertical-align: top; }
.center-contain-right .my-comment .true-comment .mc-content { width: 85% !important; }
.center-contain-right .my-comment .mc-start { color: #ff9900; }
.center-contain-right .lesson-first { padding: 30px 20px 0; margin-bottom: 20px; }
.center-contain-right .lesson-second { padding: 0 20px 30px; margin-bottom: 25px; }
.center-contain-right .no-border { border-bottom: none !important; }
.center-contain-right .pages { width: 100%; text-align: center; padding-top: 30px; }

.evaluate-mod-1 { margin-top: 20px; }
.evaluate-mod-1 .em-fu-tit { text-align: center; font-size: 19px; color: #ff9900; padding-top: 20px; }
.evaluate-mod-1 .evaluate-title { width: 100%; font-size: 0; margin: 20px 0 0; }
.evaluate-mod-1 .evaluate-title .evaluate-item { padding: 20px 0; }
.evaluate-mod-1 .evaluate-title .evaluate-item p { font-size: 18px; color: #ff9900; text-align: center; line-height: 30px; }
.evaluate-mod-1 .evaluate-title .evaluate-item p i { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; margin-right: 15px; }
.evaluate-mod-1 .evaluate-title .evaluate-item p.status-waiting { color: #0fb71b; }
.evaluate-mod-1 .evaluate-title .evaluate-item p.status-waiting i { background: #0fb71b; }
.evaluate-mod-1 .evaluate-title .evaluate-item p.status-ok { color: #e01d1d; }
.evaluate-mod-1 .evaluate-title .evaluate-item p.status-ok i { background: #e01d1d; }
.evaluate-mod-1 .evaluate-detail { border-top: 1px solid #e6e6e6; }
.evaluate-mod-1 .evaluate-detail .evaluate-other { padding: 20px 0 10px; }
.evaluate-mod-1 .evaluate-detail .evaluate-other p { font-size: 18px; color: #333333; text-align: center; line-height: 30px; }
.evaluate-mod-1 .evaluate-detail .evaluate-other .is-prove { color: #ffb340; font-size: 18px; text-align: center; line-height: 30px; }
.evaluate-mod-1 .evaluate-detail .evaluate-other .to-comment { color: #e85656; cursor: pointer; }
.evaluate-mod-1 .evaluate-detail .evaluate-other .to-comment span { margin-left: 5px; }
.evaluate-mod-1 .evaluate-detail .evaluate-other .to-comment span img { transition: all 500ms; -moz-transition: all 500ms; /* Firefox 4 */ -webkit-transition: all 500ms; /* Safari 和 Chrome */ -o-transition: all 500ms; /* Opera */ }
.evaluate-mod-1 .evaluate-detail .evaluate-other .to-comment span img.active { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ }
.evaluate-mod-1 .evaluate-detail .eva-word { background-color: #fff5e5; margin-top: 20px; padding: 20px; }
.evaluate-mod-1 .evaluate-detail .eva-word .ew-each { margin: 15px 0 15px 105px; }
.evaluate-mod-1 .evaluate-detail .eva-word .ew-each span { display: inline-block; margin: 0 8px; }
.evaluate-mod-1 .evaluate-detail .eva-word .ew-each .ewe-left { width: 150px; text-align: right; color: #333333; font-size: 18px; }
.evaluate-mod-1 .evaluate-detail .eva-word .ew-each .ewe-area { width: 540px; height: 100px; }
.evaluate-mod-1 .evaluate-detail .eva-word .ew-each .ewe-area textarea { width: 540px; height: 100px; border-radius: 4px; background-color: #fff5e5; resize: none; border: 1px solid #999999; }
.evaluate-mod-1 .evaluate-detail .eva-word .ew-btn { width: 110px; height: 48px; border-radius: 6px; background-color: #ff9900; text-align: center; line-height: 48px; color: #ffffff; margin-left: 285px; margin-top: 20px; }
